.pre-sale{ position:relative; width:100%; height:1890px;}
.pre-sale-banner{ width:100%; height:535px; background:url("../images/banner-background.jpg");}
.banner-border{ margin: 0 auto; padding-top:35px; width: 1200px; height:500px;}
.banner{ width:970px; height:400px;position: relative;float:left;}
.banner ul li{position: absolute;width:970px; height:400px;}
.banner-min-border{ float:right; width: 190px; height: 400px; background: #fff; padding:0 15px;}
.banner-min{ position: relative; margin-top:12px; width:190px; height:180px; }
.banner-min-font{ position:absolute; top:120px; left:0px; width:190px; height:60px; background:rgba(0,0,0,0.7);}
.banner-min-font div{ width:190px; height:25px; color:#fff;}
.timeline{ float:left; margin-top:20px;  width:1200px; height:80px; background:#fff; }
.timeline-btn-l{ float:left; width:30px; height:80px;}
.timeline-btn-r{ float:left; width:30px; height:80px;}
.timeline-date{ float:left; margin-top:20px; width:1140px; height:55px; background:#bb9e77; overflow:hidden;cursor: pointer; }
.timeline-date span a{ float:left; width:126px ; height:48px;  padding-top:7px; color:#fff; font-weight:bold; text-align: center; }
.timeline-date span.current a{background:#b58c51; }
.early{ margin:0 auto; width:1200px; height:980px;}
.early-title{ margin:0 20px; width:1160px; height:60px; border-bottom:2px #dfcfba solid;}
.early-title-left{  float:left; width:710px; height:60px; }
.early-title-icon{float:left; width:26px; heihgt:26px; padding:25px 5px 10px 5px;}
.early-title-font{ float:left; width:650px; height:60px;}
.early-title-font div{ float:left; margin-top:12px;  height:50px; line-height:50px;   }
.early-title-right { float:right;  width:300px; height:60px;}
.early-font1 { float:right; margin-top:12px;  height:50px; width:120px; line-height:50px; color: #b58c51;font-size:18px; }
.clock{ float:right; width:140px; height:40px;  margin-top:12px;  text-align:center; line-height:40px; font-weight: bolder;}
.clock-d{ float:left; width:40px; height:40px; background:#000; border-radius:5px; color:#fff;  }
.clock-dot{ float:left; width:10px; height:40px; }
.early ul{ width:1160px; height: 1200px; padding:0 20px;}
.early ul li { float:left;  margin: 14px 14px 0 0; width:375px; height: 260px; border:1px #ddd4c7 solid;}
.early ul li:hover {border:1px #bb9e77 solid;}
.early ul li:nth-of-type(3n) { margin: 16px 0 0 0;}
.early-content-img { width:375px; height: 210px;}
.early-content-font {  width:375px; height: 50px; line-height:50px; text-indent:20px;}
.attention{ margin:0 auto; width:1200px; height:950px;}
.attention ul{ width:1160px; height: 490px; padding:0 20px;}
.attention ul li { float:left;  margin: 14px 14px 0 0; width:375px; height:90px; border:1px #eeeeee solid;}
.attention ul li:nth-of-type(3n) { margin: 16px 0 0 0;}
.attention ul li:hover { border:1px #bb9e77 solid;}
.attention-brandImg{ float:left; width:130px; height: 55px; padding: 17.5px 27.5px;}
.attention-font{float:left; margin-top:25px; width:175px; height: 25px; line-height:25px; }
.attention-add{ float:left;  margin-top:5px; width:175px; height: 30px;  line-height:30px; text-align:right; vertical-align: baseline; font-size:14px; color:#bb9e77;}